/*index.css*/

.content_box {
	width: 100%;
	padding: 0 10vw;
	box-sizing: border-box;
}

.content_color {
	background-color: #F8FAFF;
	padding-top: 5%;
}

.banner_box {
	width: 100% !important;
	height: 18vw;
	position: relative;
	top: -2.5vw;
	z-index: 97;
}

#test1 {
	width: 100% !important;
	height: 100% !important;
}

#test1 img {
	width: 100%;
	height: 100%;
}

.news_box {
	width: 100%;
	background-color: #fff;
	padding: 1.5vw 1vw 0 1vw;
	box-shadow: 0px 2px 0px 3px rgba(0, 0, 0, 0.01);
	border-radius: 1vw;
	display: flex;
	box-sizing: border-box;
}

.news_box .news_flex {
	flex: 1;
	margin-left: 0.5vw;
}

.news_box .news_flex:nth-child(1) {
	margin-left: 0;
}

.news_box .news_flex .news_nav {
	width: 100%;
	display: flex;
	align-items: center;
	height: 1.8vw;
	box-sizing: border-box;
	border-bottom: 2px solid #E4E7ED;
}

.news_box .news_flex .news_nav .menu {
	height: 100%;
	padding: 0.1vw;
	display: flex;
	align-items: center;
	font-size: 1vw;
	color: #666;
	margin-left: 1vw;

}

.news_box .news_flex .news_nav .menu:nth-child(1){
	margin-left: 0;
}

.menuColor {
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #160088;
}

.news_box .news_flex .news_list{
	width: 100%;
}

.news_box .news_flex .news_list .list{
	display: flex;
	align-items: center;
	margin-top: 0.8vw;
	position: relative;
}

.news_box .news_flex .news_list .list .round{
	width: 0.3vw;
	height: 0.3vw;
	border-radius: 50%;
	background-color: #E0E0E0;
	margin-right: 0.3vw;
}

.news_box .news_flex .news_list .list .text{
	font-size: 0.8vw;
	color: #333;
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news_box .news_flex .news_list .list .time{
	font-size: 0.6vw;
	color: #999;
	margin-left: 0.3vw;
}

.news_box .news_flex .news_list .list .preview{
	height: 2vw;
	position: absolute;
	width: 200%;
	left: calc(50% - 100%);
	top: 0.7vw;
	z-index: 97;
	display: none;
}

.news_box .news_flex .news_list .list .preview .triangle{
	width: 0;
	height: 0;
	border: 0.5vw solid;
	border-color: transparent transparent black transparent;
	margin: 0 auto;
}

.news_box .news_flex .news_list .list .preview .preview_content{
	display: flex;
	justify-content: center;
	width: 100%;
}

.news_box .news_flex .news_list .list .preview .preview_content .value{
	max-width: 100%;
	background-color: black;
	height: 1vw;
	border-radius: 0.5vw;
	font-size: 0.7vw;
	color: #fff;
	padding: 0.5vw;
}

.news_box .news_flex .news_list .list:hover .preview{
	display: block !important;
}

.news_box .news_flex .news_list .list:hover .text{
	color: #160088;
}

.news_box .news_flex .news_menu{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2vw;
	background-color: #EEF3FF;
	font-size: 0.7vw;
	color: #160088;
	margin: 1.2vw 0 1.5vw 0;
	cursor: pointer;
}

.news_box .news_flex .news_style{
	margin-bottom: 0.55vw;
}

.news_box .news_flex .news_article{
	width: 100%;
	margin-top: 0.8vw;
	display: flex;	
}

.news_box .news_flex .news_article .img{
	width: 8.6vw;
	margin-right: 0.5vw;
	overflow: hidden;
}

.news_box .news_flex .news_article .img img{
	width: 100%;

}

.news_box .news_flex .news_article .img:hover img{
	transition: transform 0.6s ease;
	transform: scale(1.2);
}

.news_box .news_flex .news_article .text_box{
	flex: 1;
}

.news_box .news_flex .news_article .text_box .title{
	font-size: 0.8vw;
	color: #333;
}

.news_box .news_flex .news_article .text_box .time{
	font-size: 0.7vw;
	color: #999;
	margin-top: 0.5vw;
}

.news_box .news_flex .news_article .text_box .title:hover{
	color: #160088;
}

.feature_box{
	width: 100%;
	margin-top: 2vw;
	display: flex;
	align-items: center;
}

.feature_box .feature{
	flex: 1;
	margin-left: 2vw;
}

.feature_box .feature:nth-child(1){
	margin-left: 0;
}

.feature_box .feature img{
	width: 100%;
}


.system_box{
	width: 100%;
	display: flex;
}

.system_box .system_text{
	flex: 1;
}

.system_box .system_img{
	width: 14vw;
	margin-left: 5vw;
}

.system_box .system_img img{
	width: 100%;
}

.system_box .system_text .title{
	font-size: 2vw;
	color: #333;
	font-weight: bold;
}

.system_box .system_text .text{
	font-size: 0.7vw;
	color: #333;
	margin-top: 1vw;
	line-height: 1.2vw;
}

.system_box .system_text .menu{
	background: linear-gradient(to right, #170794, #2140F3) !important;
	height: 2.7vw;
	width: 14vw;
	border-radius: 2.7vw;
	color: #fff;
	font-size: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 2vw;
	font-weight: bold;
}

.service_box{
	width: 100%;
	margin-top: 2vw;
}

.page_titile{
	width: 100%;
	border-bottom: 2px solid #E4E7ED;	
	height: 2vw;
	display: flex;
	align-items: center;
}

.page_titile .title{
	color: #160088;
	height: 100%;
	border-bottom: 2px solid #160088;
	display: flex;
	align-items: center;
	font-size: 1vw;
	font-weight: bold;
}

.service_banner{
	width: 100%;
	margin-top: 1vw;
}

.service_banner img{
	width: 100%;
}

.service_list{
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 2vw 1.5vw;
	display: flex;
	align-items: center;
	margin-bottom: 2vw;
}

.service_list .title{
	height: 6vw;
	width: 4vw;
	border-right: 1px solid #DEDEDE;
	font-size: 1.2vw;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.service_list .service_value{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3vw 0 4vw;
}

.service_list .service_value02{
	padding: 0 3vw 0 1vw;
}

.service_list .service_value .service{
	
}

.service_list .service_value .service02{
	margin-left: 1.5vw;
	position: relative;
	overflow: hidden;
}

.service_list .service_value .service .icon{
	width: 100%;
}

.service_list .service_value .service .icon img{
	width: 100%;
}

.service_list .service_value .service .text{
	font-size: 0.9vw;
	color: #666;
	margin-top: 1vw;
	text-align: center;
}

.service_list .service_value .service02 .img{
	width: 100%;
	height: 8vw;
	overflow: hidden;
}

.service_list .service_value .service:hover .img{
	transition: transform 0.6s ease;
	transform: scale(1.2);
}

.service_list .service_value .service02 .title{
	width: 100%;
	height: 2vw;
	line-height: 2vw;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 97;
	font-size: 0.7vw;
	background-color: #3180DB;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
} 

.service_list .service_value .service02:nth-child(1){
	margin-left: 0;
}

.evaluate_banner{
	width: 100%;
}

.evaluate_banner img{
	width: 100%;
}

.goods_box{
	width: 100%;
	margin-top: 1vw;
	background-color: #fff;
	padding: 1vw;
	box-sizing: border-box;
}

.goods_box .goods_list{
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 0.3vw;
}

.goods_box .goods_list .goods{
	flex: 1;
	margin-left: 1.5vw;
}

.goods_box .goods_list .goods:nth-child(1){
	margin-left: 0;
}

.goods_box .goods_list .goods .goods_img{
	width: 100%;
	height: 10vw;
	overflow: hidden;
}

.goods_box .goods_list .goods .goods_img img{
	width: 100%;
	height: 100%;
}

.goods_box .goods_list .goods .goods_img:hover img{
	transition: transform 0.6s ease;
	transform: scale(1.2);
}

.goods_box .goods_list .goods .title{
	font-size: 1vw;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-top: 0.5vw;
}

.goods_box .goods_list .goods .text{
	font-size: 0.7vw;
	color: #666;
	text-align: left;
	line-height: 1.2vw;
	margin-top: 0.5vw;
}

.goods_box .goods_menu{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2vw;
	background-color: #EEF3FF;
	font-size: 0.7vw;
	color: #160088;
	cursor: pointer;
	margin-top: 1vw;
}